<template>
  <div class="main">
    <div class="table">
      <div class="title">家长留言</div>
      <div class="list" v-for="(item,index) in 3" :key="index">
        <div class="flex tit">
          <div>家长留言</div>
          <div>2024年04月30日</div>
        </div>
        <div>
          留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { community } from "@/api/apiData";
export default {
  data() {
    return {};
  },
  mounted() {},
};
</script>
<style lang="less" scoped>
.main {
  padding: 22px 213px 213px;
  .table {
    border-radius: 8px;
    background: white;
    padding-bottom: 30px;
    font-size: 28px;
    .title {
      background: linear-gradient(to right, #56abf9, #5686fc);
    }
    .list{
        margin: 20px 40px;
        background: white;
        padding: 34px 24px;
        border-radius: 8px;
        box-shadow: 1px 1px 4px 1px gainsboro;
        .tit{
            font-size: 32px;
            margin-bottom: 20px;
            align-items: flex-end;
            div:nth-child(2){
                color: #A2A2A2;
                font-size: 24px;
                margin-left: 10px;
            }
        }
    }
  }
}
</style>